@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}




/**/

.banner{height: 700px;position: relative;}
		.bdu{width: 100% !important;height: 700px;}
		.bdu li{width: 100% !important;}
		.bdu li a{display: block;height: 700px;}
		.hdu{position: absolute;width: 100%;height: 30px;left: 40%;bottom: 11px;text-align: center;}
		.hdu li{display: inline-block;height: 30px;line-height:30px;margin:0 5px; font-size: 24px; font-family: "Minion Pro"; color:#FFF;}
		.hdu li.on{font-size: 34px;}




        

.xx{ padding-top:60px; height:440px; overflow:hidden; background:#f8f8f8;}

.xx dl{ width:400px; float:left; background:url(img/index/xx_line.gif) no-repeat right 0; height:336px;}
.xx dt{ width:120px; height:120px; margin:0 auto;}
.xx dt a{ display:block; width:120px; height:120px;}
.xx dd{ width:300px; margin:18px auto 0;}
.xx dd em{ display:block; height:35px; font:16px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#333; overflow:hidden;}
.xx dd p{ font:14px "Microsoft YaHei"; text-align:center; line-height:25px; height:75px; overflow:hidden; color:#666;}
.xx dd a{ display:block; width:136px; height:36px; border:2px solid #e2e2e2; margin:20px auto 0; font:12px Arial; text-transform:uppercase; text-align:center; line-height:36px; color:#999;}
.xx dd a:hover{border:2px solid #dc2821; color:#dc2821;}
.xx .dl03{ background:none;}
.xx .dl01 dt a{ background:url(../images/xx1.png) no-repeat center top;}
.xx .dl02 dt a{ background:url(../images/xx3.png) no-repeat center top;}
.xx .dl03 dt a{ background:url(../images/xx2.png) no-repeat center top;}
.xx dt a:hover{ background-position:0 -120px;}

/* 产品中心 */
.chanp{padding: 80px 0 60px;}
.chanp .yin_t{background:url(../images/cp_tbg.gif) no-repeat center 0;margin-bottom: 40px;}
.chanp dl{width: 704px;float: left;height: 730px;background: #fff;box-shadow: 0 3px 10px 3px #eee;}
.chanp dl dt{width: 704px;height: 528px;line-height: 0;overflow: hidden;}
.chanp dl dt img{width: 704px;height: 528px;}
.chanp dl dd{width: 550px;margin: 0 auto;border-top: #ccc 1px solid;padding: 20px 0 0 110px;}
.chanp dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.chanp dl dd h5 a{font-size: 24px;color: #333;}
.chanp dl dd h5 a:hover{color: #024287;}
.chanp .cp_desc{font-size: 16px;color: #666;line-height: 30px;padding: 5px 0 0;}
.chanp dl dd b{color: #024287;padding-right: 5px;}
.chanp dl dd span{display:inline-block;padding: 10px 0 0;width: 400px;}


.chanp_r{width: 480px;}
.chanp_r ul li,.cp_bot ul li{width: 480px;height: 360px;line-height: 0;overflow: hidden;position: relative;box-shadow: 0 3px 10px 3px #eee;margin-bottom: 10px;}
.chanp_r ul li img{width: 480px;height: 360px;}
.chanp_r ul li span,.cp_bot ul li span{ width:480px; display:block; text-align:center; height:30px; line-height:30px; overflow:hidden;font-size: 16px;color: #333;}
.cp_bot ul li{width: 395px;height: 295px;float: left;margin-left: 7px;}
.cp_bot ul li img{width: 395px;height: 260px;}
.cp_bot ul li span{ width:395px;bottom: 15px;}
.cp_bot ul li:first-child{margin-left: 0;}
.cp_bot ul li:nth-child(4){margin-left: 0;}




/*产品优势*/
.eight{ background:url(../images/four_bg.jpg) no-repeat center 0;height: 740px;padding: 82px 0 0;overflow: hidden;}
.eight_t{font-size: 30px;color: #024287;line-height: 108px;text-align: center;height: 108px;overflow: hidden;}
.eight_l{padding: 30px 0 0 50px;width: 320px;}
.eight_l dl{height: 275px;width: 280px;overflow: hidden;}
.eight_l dl dt{font-size: 36px;color: #333;width: 60px;height: 60px;overflow: hidden;float: left;font-family: "DINOT";font-weight: bold;padding: 25px 0 0;}
.eight_l dl dd{width: 220px;float: left;}
.eight_l dl dd h5{font-size: 20px;color: #333;height: 35px;}
.eight_l dl dd h5 i{font-size: 24px;color: #024287;}
.eight_l dl dd p{font-size: 16px;color: #666;line-height: 24px;max-height: 96px;}
.eight_c{width: 516px;height: 516px;top: 100px;left: 363px;}
.eight_c p{position: absolute;top: 110px;left: 66px;z-index: 20;width: 100%;}
.eight_c p img{width: 390px;height: 490px;}
.eight_y{width:258px;height:516px;position:absolute;overflow: hidden;animation:run 10s infinite linear;transform-origin: right center;}
.eight_y02{width: 516px;height: 516px;border-radius: 50%;position: absolute;background: rgba(2,66,135,0.2);clip: rect(0,258px,516px,0px);transform: rotate(80deg);}
.four_btn{width: 600px;text-align: center;height: 86px;line-height: 86px;background: #024287;overflow: hidden;margin: 40px auto 0;border-radius: 20px;}
.four_btn a{display: block;font-size: 24px;color: #fff;}



/*应用实例*/
.case{background: url(../images/case_line01.gif) repeat-x 0 260px;overflow: hidden;/* padding: 80px 0 80px; */}
.case .yin_t{background:url(../images/case_tbg.gif) no-repeat center 0;}
.case_t{height: 135px;overflow: hidden;margin: 10px 0 0;}
.case_t ul li{width: 150px;height: 135px;float: left;text-align: center;overflow: hidden;}
.case_t ul li a{font-size: 16px;color: #000;display: block;padding: 30px 0 0;}
.case_t ul li em{display: block;width: 32px;height: 32px;line-height: 0;overflow: hidden;margin: 0 auto 10px;}
.case_t ul li em img{width: 32px;height: 64px;-webkit-transition:all .5s;transition:all .5s;}
.case_t ul li a:hover,.case_t ul li.cur a{color: #024287;font-weight: bold;background: url(../images/case_line02.gif) no-repeat center 0;}
.case_t ul li a:hover em img,.case_t ul li.cur em img{margin-top: -32px;}
.case_m{width: 100%;margin: 0 auto;}
.case_m ul li{width: 24.25%;float: left;position: relative;line-height: 0;margin-bottom: 40px;margin-right: 1%;overflow: hidden;}
.case_m ul li img,.ys_r p img,.chanp img,.news01 dl dt img,.about dl dt img{width: 100%;height: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m ul li img:hover,.ys_r p img:hover,.chanp img:hover,.news01 dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m ul li span{display: block;width: 94%;height: 60px;line-height: 60px;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.8) url(../images/case_ico09.png) no-repeat 95% 25px;font-size: 16px;color: #333;padding: 0 3%;}
.case_m ul li.nobor{margin-right: 0;}

.case {
  
  padding: 70px 0 70px;
}


.ab_bg{background:#f6f6f6;height: 620px;overflow: hidden;}
.about dl{position: relative;height: 580px;}
.about dl dt{width: 960px;height: 580px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.about dl dt img{width: 960px;height: 580px;}
.about dl dd{width: 520px;float: left;padding: 80px 0 0;}
.about dl dd h2{font-size: 40px;color: #333;line-height: 44px;height: 110px;overflow: hidden;background: url(../images/ab_line02.gif) no-repeat 0 bottom;}
.about dl dd h2 i{display: block;font-size: 20px;font-weight: normal;background: url(../images/ab_tline.png) no-repeat 135px 20px;color: #333;}
.about dl dd h2 a{color: #333;}
.about dl dd h2 a:hover{color: #036eb8;}
.ab_desc{font-size: 14px;color: #333;line-height: 30px;height: 180px;overflow: hidden;padding: 20px 0 0;}
.about dl dd span{display: block;padding: 25px 0 0;}
.about dl dd span a{display: block;font-size: 14px;color: #fff;width: 110px;height: 45px;line-height: 45px;background: #036eb8 url(../images/ab_ico.png) no-repeat 90px 15px;overflow: hidden;padding: 0 0 0 20px;}
.about dl dd span a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.about dl dd span a:hover {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/*公司相册*/
.photo{padding: 0 0 60px;margin-top: -100px;}
.photo_l{height: 100px;width: 400px;margin: 0 auto;background: #fff;position: relative;z-index: 10;padding: 0 18px;}
.photo_l ul li{width: 200px;height: 50px;line-height: 22px;float: left;padding: 30px 0 0;}
.photo_l li a{ font-size:20px; color:#333;display:block; float:left;position: relative;vertical-align: middle;height: 66px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.photo_l li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 84px;
  right: 100%;
  top: 22px;
  background: #036eb8;
  height: 5px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.photo_l li a:hover:before,.photo_l li.on a:before {
  right: 14%;
}
.photo_l ul li em{display: block;float: left;width: 44px;height: 42px;line-height: 0;overflow: hidden;margin: 4px 10px 0 30px;}
.photo_l ul li em img{width: 44px;height: 42px;}
.photo_l ul li span{display: block;float: left;padding: 5px 0 0;}
.photo_l ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.5);font-weight: normal;}
.photo_l ul li.on a{font-weight: bold;}
.photo_r{padding: 40px 0 0;width: 1200px;overflow: hidden;}
.photo_r ul li{width: 145px;float: left;margin-right: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;padding-top: 10px;}
.photo_r ul li em{width: 145px;height: 195px;display: block;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 145px;height: 195px;}
.photo_r ul li span{display: block;width: 145px;text-align: center;font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding-top: 5px;}
.photo_r ul li:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}


.pr {
  position: relative;
}
.c_ons{ overflow: hidden;}
.c_ons ul li{ float: left; width: 24%; background: #f0f0f0; margin-bottom: 22px; box-shadow: 0 0 6px rgba(240,240,240,1);}
.c_ons  img{ width: 100%;}
.c_ons ul li em{ display: block; height: 76px; overflow: hidden;  padding-top: 13px;box-sizing: border-box; margin: 0  0 0 22px; font-size: 14px; color: #5f5d5e; float: left; line-height: 100%;}
.c_ons ul li i{    display: inline-block;
  float: right;
  width: 86px;
  height: 42px;
  line-height: 42px;
  background: #b3b3b3;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-right: 12px;
  margin-top: 13px;}
.c_ons ul li em b{ display: block; line-height: 100%; font-size: 16px; color: #5f5d5e; font-weight: bold; margin-bottom: 7px;}
.c_ons ul li:nth-of-type(2n){ margin-left:52%;}
.c_ons ul li:hover i{ background: #b3b3b3; color: #333;}
.c_ons ul li:hover em b{ color: #333;}
.c_ons dl{ position: absolute; left:25.1%; width: 49.9%;box-shadow: 0 0 12px rgba(0,0,0,0.15);min-height: 520px;}
.c_ons dl dd{ height:8.2vw; background: #fff; position: relative; padding-left:7%; padding-top: 1.5vw; box-sizing: border-box;}
.c_ons dl dd em{ display: inline-block; position: absolute; right: 7%; top: 2.8vw;}
.c_ons dl dd em a{display: inline-block; width: 116px; height: 42px; line-height: 42px; background: #b3b3b3; font-size: 14px; color: #fff; text-align: center;}
.c_ons dl dd h4 a{font-weight: normal; font-size: 16px; color: #000000;}
.c_ons dl dd h4 a span{font-weight: bold; padding-right: 29px; font-size: 22px;}
.c_ons dl dd p{ font-size: 16px; color: #666666; padding-top: 16px; line-height: 25px; width: 71.5%;}

.xbanner {
  background: url(../images/enquirybg.png) center center no-repeat;
  width: 100%;
  height: 200px;
}

.xbanner1 {
  background: url(../images/ixbannerbg2.jpg) center center no-repeat;
}

.xbanner .slip_tit {
  width: 772px;
}

.xbanner .slip_tit .tit1 {
  padding-top: 55px;
  font: bold 32px "microsoft yahei";
  color: #fff;
}

.xbanner .slip_tit .tit2 {
  margin-top: 14px;
  font-size: 24px;
  color: #fff;
}

.xbanner .slip_btn {
  width: 300px;
  text-align: center;
  margin-top: 40px;
}

.xbanner .slip_btn span {
  display: block;
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  padding-top: 40px;
  padding-bottom: 5px;
}

.xbanner .slip_btn span i {
  width: 16px;
  height: 16px;
  background-position: -0px -141px;
  margin-right: 7px;
  vertical-align: bottom;
}

.xbanner .slip_btn p {
  font-weight: bold;
  font-size: 34px;
  color: #fff;
  font-family: "Arial";
  line-height: 36px;
}

.xbanner .slip_btn a {
  display: block;
  width: 300px;
  height: 46px;
  background-position: 0px -217px;
  margin-top: 16px;
  font-size: 18px;
  color: #fff;
  line-height: 46px;
  position: relative;
  -webkit-transition: all .0s ease-in-out 0s;
  -moz-transition: all .0s ease-in-out 0s;
  transition: all .0s ease-in-out 0s;
}

.xbanner .slip_btn a:hover {
  background-position: 0px -271px;
}

.xbanner .slip_btn a img {
  width: 300px;
  height: 0;
  transition: all .36s ease;
  position: absolute;
  left: 0;
  top: 46px;
}

.xbanner .slip_btn a:hover img {
  height: 300px;
}
.icon {
  background: url(../images/icon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}


.nswsbj{ height:790px; box-sizing: border-box;  padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj .tit01{margin-bottom: 30px;}
.news{width:511px; float: left;margin-top: 30px; }
.news h2{height:40px; line-height: 40px; margin-bottom: 20px; position: relative; font-size: 20px; color: #036eb8; background:url(../images/newsico.png) no-repeat left center;padding-left: 30px; font-weight: normal; }
.news h2 i{color:#036eb8;}
.news h2 span{ float: right; color: #333; font-size: 14px; }
.news dl{width:511px;border-bottom: 1px solid #f5f5f5;}
.news dl dt{width:511px;overflow: hidden; position: relative;}
.news dl dt img{ width:511px; height: 283px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dl dd{padding-top: 15px;}
.news dl dd h3{font-size: 16px;  color: #333333; font-weight: bold; height: 42px; line-height: 42px;}
.news dl dd h3 a{color: #333333;}
.news dl dd p{font-size: 14px; text-align: justify; color: #666666; line-height: 24px;padding:10px 0; }

.news .news2{padding-top: 20px;}
.news em{font-size: 14px; color: #666666; height: 35px; line-height: 35px; display: block;}
.news em a{color: #666666;}
.news em i{ font-size: 14px; color: #fff; width: 16px; height: 16px; line-height: 16px; background: #424242; display: inline-block; text-align: center; font-weight: normal;margin-right: 10px; }
.news em span{ font-size: 12px; color: #666666; float: right; font-weight: normal; }


.wt{width:607px;overflow: hidden;font-family:"Microsoft Yahei"; float: right;margin-top: 30px;}
.wt h2{height:40px; line-height: 40px; margin-bottom: 20px; position: relative; font-size: 20px; color: #036eb8; background:url(../images/wtico.png) no-repeat left center;padding-left: 30px; font-weight: normal; }
.wt h2 i{color:#036eb8;}
.wt h2 span{ float: right; color: #333; font-size: 14px; }

.wt_c dl{padding-bottom: 20px;border-bottom: 1px solid #d6d6d6; }
.wt_c dt{ line-height: 30px; font-size: 16px; font-weight: bold;margin-bottom: 20px;}
.wt_c dt em{width: 81px; height: 28px; line-height: 28px; color: #fff; display: inline-block; text-align: center; font-weight: normal; border-radius: 30px; background: #e8bd15;margin-right: 10px; }
.wt_c dt a{ color:#333333;}
.wt_c dd{line-height: 26px; font-size: 14px;margin-top: 10px;}

.wt_c ul{padding-top: 20px; height: 271px;}
.wt_c li{padding-left: 15px;  background: url(../images/wtico1.png) no-repeat left center; font-size: 14px; color: #666666; height: 35px; line-height: 35px; display: block;}
.wt_c li a{color: #666666;}
.wt_c li span{ font-size: 12px; color: #666666; float: right; font-weight: normal; }
.mores{width:607px;}
.mores img{width: 461px; height: 130px; float: left;}
.mores em{width: 143px; height: 130px; float: left; text-align: center;font-size: 16px;  color: #fff; background: url(../images/wtmore.jpg) no-repeat; padding-top: 35px; box-sizing: border-box;}
.four{padding: 90px 0 80px;}
.four_l{width: 305px;}
.four dl{height: 300px;border-bottom: #eaeaea 2px solid;padding: 35px 0 0;}
.four dl dt{font-size: 26px;color: #333;font-weight: bold;height: 140px;background: url(../images/four_line01.png) no-repeat 0 bottom;}
.four dl dt em{width: 56px;height: 60px;display: block;line-height: 0;overflow: hidden;margin-bottom: 20px;}
.four dl dt em img{width: 56px;height: 60px;}
.four dl dd{font-size: 16px;color: #333;line-height: 30px;padding: 15px 0 0;}
.four dl:hover dt{background: url(../images/four_line02.png) no-repeat 0 bottom;}
.four dl:hover dt em,.yous dl dd h5:hover em,.liuc ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.four dl.nobor{border-bottom: none;padding-top: 70px;}
.four_r{width: 310px;text-align: right;}
.four .four_r dl dt{background: url(../images/four_line03.png) no-repeat right bottom;}
.four .four_r dl dt em{margin-left: 254px;}
.four .four_r dl:hover dt{background: url(../images/four_line04.png) no-repeat right bottom;}
.four_c{width: 645px;height: 600px;line-height: 0;position: absolute;top: 230px;left: 280px;}
.four_c img{width: 645px;height: 600px;}




.four .yin_t {
  background: url(../images/four_tbg.gif) no-repeat center 0;
}

.fourtop{
  background: url(../images/four_bg.jpg) no-repeat center;
}


.nswsbj .yin_t {
  background: url(../images/nswsbj_tbg.gif) no-repeat center 0;
}